<!DOCTYPE HTML>
<html>
<head>
<meta charset=utf8 />
<link rel="stylesheet" href="jwim.css" type="text/css" />
<script src="../../jquery/jquery-1.7.1.min.js"></script>
<script src="jwim_uncompressed.js" type="text/javascript"></script>
<script>
var wm = null, u, v, w, x, y, z;
function init(){
     wm = new jwim.Manager({
        container: document.getElementById('container'),
        taskbar: document.getElementById('taskbar')
     });
     /*u =wm.createWindow({
        title:"Window 1", 
        width:520, 
        height: 150, 
        alwaysOnTop: true,
        iconImageURL: './img/icon.png'
     });
     u.setContent("<img src='http://64.150.181.142/wx/rain/rain_big_horiz.png' />");*/
     v =wm.createWindow({title:"窗口 2",
        iconImageURL: './img/icon.png'});
     v.setContent("<h1>It Works!</h1>");
     v.moveToCenter();
     w =wm.createWindow({title:"Window 3",
        iconImageURL: './img/icon.png'});
     w.setContent("<h1>It Works!</h1>");
     //x =wm.createWindow({title:"Window 4",iconImageURL: './img/icon.png'});
     //x.loadUrlX(
     //   "http://iozoonc5.city.miyazaki.miyazaki.jp/CgiStart?page=Single&Language=12"
     //);
     //弗吉尼亚理工大学 – 校园
     //http://128.173.201.214/view/index.shtml
     //北不列颠哥伦比亚大学
     //http://ravensview.unbc.ca/view/index.shtml
     //http://80.36.124.72:8080/view/index.shtml
     y = wm.createWindow({
        title:"Jquery Mobile",
        iconImageURL: 'http://jquerymobile.com/favicon.ico'
     });
     y.loadUrlX('http://jquerymobile.com/demos/1.1.0/',function(w) {
        console.log('load ' + w);
     });
}
</script>
</head>
<body onload="init()">
    <div id='container' style="position:relative; overflow: hidden; left: 20px; top: 20px; height: 500px; width: 800px; border: solid 1px red;">
        <div id='fisheye' style="position: absolute; bottom: 0px; width: 100%;">
            <div id='taskbar'></div>
        </div>
    </div>
</body>
</html>
